{extend name="public/base" /}
{block name="head"}
    <meta charset="UTF-8">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link href="__resource_path__/ui-framework/easyui-1.5.2/themes/metro/easyui-c5a176a3d4.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/easyui-1.5.2/themes/icon-77a4ded0c8.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/bootstrap/3.0.3/css/bootstrap-a067b6d831.min.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/bootstrap-daterangepicker/css/daterangepicker-886dba62c4.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/font-awesome/css/font-awesome-a81d284b37.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/admin-lte/css/AdminLET-7d58b99a7e.css" rel="stylesheet" />
    <link href="__static_path__/css/base-dc47892812.css" rel="stylesheet" />

    <link href="__resource_path__/ui-framework/jason/searchbox/css/searchbox-398327fb84.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/pager/css/pager-f077f5e880.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/status/css/status-5f59ab3856.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/selector/css/selector-23060c280e.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/button/css/button-5ef10c798a.css" rel="stylesheet" />
    <link href="__resource_path__/ui-framework/jason/orderarrow/css/orderarrow-dcf8eba7d1.css" rel="stylesheet" />

    <link href="__static_path__/css/table-0e491bc98f.css" rel="stylesheet" />
    <link href="__static_path__/css/easyui-ext-372f902530.css" rel="stylesheet" />


    <link href="__static_path__/css/ground.css" rel="stylesheet" />
    <link rel="stylesheet" href="__static_path__/src/css/layui.css">
{/block}
{block name="content"}
        <section class="content">


            <div class="container" style="width: 100%;">
               <table class="order mt10" style="background: none;">
                    <tr>
                        <td colspan="4" style="line-height: 55px"></td>
                        <td colspan="2" style="line-height: 55px">
                            <button id="setground" style="background: #369CDA;border: none;color: white">创建团</button>
                            <button id="delete" style="background: #369CDA;border: none;color: white">删除</button>
                        </td>
                    </tr>
                    <tbody id="title" style="background: #FFFFFF!important;">
                    <tr class="header" style="color:#999999;">
                        <td><input type="checkbox" id="check"></td>
                        <td>团名称</td>
                        <td>时间</td>
                        <td>人数</td>
                        <td>状态</td>
                        <td>操作</td>
                    </tr>
                    </tbody>
                    <tbody id="users" style="background: #FFFFFF!important;">
                        {foreach $datalist as $vo}
                        <form class="ajaxform">
                        <tr class="project">
                            <td><input type="checkbox" value="{$vo.id}" name="ids[]" class="ids"></td>
                            <td>{$vo.name}</td>
                            <td>{:date("Y-m-d H:i",$vo.start_time)}</td>
                            <td>{$vo.number}</td>
                            <td>
                                {switch name="vo['status']" }
                                    {case value="0"}未开始{/case}
                                    {case value="1"}进行中{/case}
                                    {default /}已结束
                                {/switch}
                            </td>
                            <td>
                               [<a href="javascript:;" onclick="edit({$vo.id})">修改</a>]&nbsp;&nbsp;[<a href="{:url('/index/group/info/id/'.$vo.id)}" class="info">详情</a>]&nbsp;&nbsp;[<a href="javascript:;" onclick="dao({$vo.id})">导入团</a>]&nbsp;&nbsp;[<a href="javascript:;" class="delect" onclick="del({$vo.id})">删除</a>]
                               {if($vo['status'] == 0)}
                               &nbsp;&nbsp;[<a href="javascript:;" class="delect" onclick="start({$vo.id})">开始</a>]
                               {elseif($vo['status'] == 1)}
                               &nbsp;&nbsp;[<a href="javascript:;" class="delect" onclick="end({$vo.id})">结束</a>]
                               {/if}
                            </td>
                           
                        </tr>
                        </form>
                        {/foreach}
                        
                    </tbody>

                    </table>
                    <div id="pager" class="fr page_ctrl" style="margin-top: 6px;">
                     {$datalist->render()}
                  </div>
            </div>


        </section>
{/block}
{block name="script"}
<script src="__resource_path__/libs/jquery/jquery-1-4ed679c998.11.3.min.js"></script>
<script src="__resource_path__/libs/ajaxfileupload-20caa375ef.js"></script>
<script src="__resource_path__/ui-framework/bootstrap/3.0.3/js/bootstrap-7b3098bda9.min.js"></script>
<script src="__resource_path__/ui-framework/bootstrap-daterangepicker/js/moment-zh_cn-3d8809ccd6.js"></script>
<script src="__resource_path__/ui-framework/bootstrap-daterangepicker/js/daterangepicker-bca1a72d19.js"></script>
<script src="__resource_path__/ui-framework/admin-lte/app-bf15eda982.js"></script>

<script src="__resource_path__/ui-framework/easyui-1.5.2/jquery-623c7c7acd.easyui.min.js"></script>
<script src="__resource_path__/ui-framework/easyui/plugins/jquery-1db0d9c758.checkbox.js"></script>
<script src="__resource_path__/ui-framework/jason/searchbox/searchbox-3fc48f72fe.js"></script>
<script src="__resource_path__/ui-framework/jason/pager/pager-0646a093e8.js"></script>
<script src="__resource_path__/ui-framework/jason/status/sky-2d329149af.tools.status.js"></script>
<script src="__resource_path__/ui-framework/jason/screenshot-paste-0b91b6bd4a.js"></script>
<script src="__resource_path__/ui-framework/jason/selector/selector-a0b18d2070.js"></script>
<script src="__resource_path__/ui-framework/jason/button/button-71f76513c7.js"></script>
<script src="__resource_path__/ui-framework/jason/orderarrow/orderarrow-1bbd8bcec2.js"></script>
<script src="__resource_path__/libs/clipboard-892cfb62e7.min.js"></script>
<script src="__resource_path__/libs/template-2d62718262.js"></script>
<script src="__resource_path__/libs/jquery-d833fe9e58.cookie.js"></script>
<script src="__resource_path__/libs/common-21f077db5b.js"></script>
<script src="__resource_path__/libs/tools-4754a28493.js"></script>
<script src="__resource_path__/libs/basePage-d30d50f2ce.js"></script>

<script src="__static_path__/js/order-627da7e816.js"></script>

<script src="__static_path__/js/layer/layer.js"></script>

<script type="text/javascript">
    $().ready(function () {
        var url = $('#hdnURL').val();

        $('.sidebar .treeview').each(function (index, item) {
            var btn = $(this).children("a").first();
            var menu = $(this).children(".treeview-menu").first();

            $(this).find('a').each(function (index, item) {
                if ($(item).attr('href') == url) {
                    menu.show();
                    btn.children(".fa-angle-left").first().removeClass("fa-angle-left").addClass("fa-angle-down");
                }
            });
        });
    });


    $('#setground').click(function(){
       layer.open({
           type:2,
           title: '<span style="height: 4rem;background: none" class="lay-title">团基本信息</span>',
           area:['600px','500px'],
           content:'{:url("add")}'
       })
   })

    function edit(id){
        layer.open({
           type:2,
           title: '<span style="height: 4rem;background: none" class="lay-title">团基本信息</span>',
           area:['600px','500px'],
           content:'/index/group/edit/id/'+id+'.html'
       })
    }

    function dao(id) {
        layer.open({
           type:2,
           title: '<span style="height: 4rem;background: none" class="lay-title">导入团</span>',
           area:['600px','500px'],
           content:'/index/group/import/id/'+id+'.html'
       })
    }
    function del(id){
       $.post('/index/group/delgroup',{id:id},function(res){
            layer.msg(res.msg);
            if(res.code == 1){
                window.setTimeout(function(){
                    window.parent.location.reload();
                },1000);
            }
        });  
    }
    $('#check').click(function() {
        $(".ids").each(function(e){ 
            if ($(".ids").eq(e).prop("checked")) {
                $('.ids').eq(e).removeProp("checked"); 
            }else{
                $('.ids').eq(e).prop("checked",true); 
            }
        })
    })
    $('#delete').click(function(){
        var form = $('.ajaxform').serialize();
         $.post('{:url("delgroups")}',form,function(res){
            layer.msg(res.msg);
            if(res.code == 1){
                window.setTimeout(function(){
                    window.parent.location.reload();
                },1000);
            }
         })
    })
    function start(id){
       $.post('/index/group/start',{id:id},function(res){
            layer.msg(res.msg);
            if(res.code == 1){
                window.setTimeout(function(){
                    window.parent.location.reload();
                },1000);
            }
        });  
    }
    function end(id){
       $.post('/index/group/end',{id:id},function(res){
            layer.msg(res.msg);
            if(res.code == 1){
                window.setTimeout(function(){
                    window.parent.location.reload();
                },1000);
            }
        });  
    }    
</script>
{/block}